﻿@model List<zhangmenren.Models.ViewModle.WorksModel>
    >

<style type="text/css">
    body, html {
        height: 100%;
    }

    body {
        background-color: #fff;
    }

    .box {
        background-color: #fff;
        padding: 20px;
        margin-bottom: 10px;
    }

    p {
        margin-bottom: 0;
    }

    .vid {
        box-sizing: border-box;
        border: 1px solid #ccc;
        border-radius: 5px;
        margin-bottom: 20px;
        padding-bottom: 5px;
    }

    .vids img {
        width: 100%;
        height: 200px;
    }
    .lin {
        /*  border-right: 1px solid #ccc;
            border-left: 1px solid #ccc;
            border-bottom: 1px solid #ccc; */
    }

    .nam {
        display: flex;
        justify-content: space-between;
        background-color: #fff;
        box-sizing: border-box;
        padding: 10px 10px;
    }

        .nam img {
            width: 25px;
            height: 25px;
        }

    .vd {
        align-items: center;
        padding: 10px 0;
        font-size: 15px;
        text-align: center;
        color: #fff;
        width: 100%;
        position: fixed;
        bottom: 0;
        background-image: url(./img/shiping_bj@2x.png);
        /* height: 50px; */
        box-sizing: border-box;
    }
</style>
<div class="bg-gray">
    <header class="mui-bar mui-bar-nav head-bar-nav">
        <a class="mui-action-back mui-icon mui-icon-left-nav mui-pull-left" href='@Url.Action("Index","Home")'></a>
        <h1 class="mui-title">炫酷视频</h1>
        <a class="mui-icon mui-icon-more mui-pull-right" onclick="jsBridge.share()"></a>
    </header>
    <!--DOM -->
    <div class="mui-content bg-gray">

        <div class="box">
       

            @if (Model.Count > 0)
    {
        for (int i = 0; i < Model.Count; i++)
        {

            <div class="vid">
                <a href="@Url.Action("Detail",new{id=Model[i].Id})">
                    <div class="vids">
                        <img src="@Model[0].CoverImg" >
                    </div>
                </a>

                <div class="lin">
                    <p style="color: #222222;text-align: left;padding:5px 10px;margin-bottom: 0px;">新年新气象，开学即将开始</p>
                    <div class="nam">
                        <p style="text-align: left;">
                            <img src="/images/touxiang1.png" alt="" style="width: 20px;height: 20px;">
                            <img src="/images/touxiang2.png" alt="" style="width: 20px;height: 20px;">
                            <img src="/images/touxiang3.png" alt="" style="width: 20px;height: 20px;">
                            <img src="/images/touxiang4.png" alt="" style="width: 20px;height: 20px;">
                            等23682人在围观
                        </p>
                        <span style="margin-top: 5px;font-size: 10px;"><img src="/images/dianzan@2x.png" alt="" style="width: 15px;height: 15px;margin-right: 5px;">@Model[i].DianZhanNum</span>
                    </div>
                </div>
            </div>



}
}



            </div>
 
        </div>


        @if (ViewBag.ZMRID > 0)
    {

        @*<div class="xk-video-fixed-box">
            <input type="file" accept="video/*" name="file" />
            <img src="images/xk-video-fixed-box.png" />
        </div>*@
}

    </div>

@section Scripts{
<script>




</script>

}